import { SideNavTabs } from 'components/SideNavbar'

import Positive from './01_demo/index'
import Negative from './02_demo/index'
import Bulr from './03_demo/index'
import Spread from './04_demo/index'
import Color from './05_demo/index'
import Inset from './06_demo/index'
import Difference from './07_demo/index'


const __tabs = [{
  icon: 'target',
  component: Positive
}, {
  icon: 'monitor',
  component: Negative
}, {
  icon: 'calendar',
  component: Bulr
}, {
  icon: 'news',
  component: Spread,
}, {
  icon: 'search',
  component: Color
}, {
  icon: 'flow',
  component: Inset
}, {
  icon: 'clock',
  component: Difference
}]

export default function Index() {
  return (
    <SideNavTabs tabs={__tabs} />
  )
}


